<!DOCTYPE html>
<html lang="en">
   <head>
      <meta charset="utf-8">
      <meta name="format-detection" content="telephone=no">
      <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0,  user-scalable=0">
      <meta http-equiv="X-UA-Compatible" content="IE=Edge">
      <meta name="keywords" content=" web design html template">
      <meta name="date" content="Dec 26">
      <title>Invacat- parsonal Website Template</title>
      <!--------------- favicon img --------------->
      
      <!--------------- bootstrap css --------------->
      <link rel="stylesheet" href="static/css/bootstrap.min.css">
      <!--------------- animation css --------------->
      <link rel="stylesheet" href="static/css/animation.css">
      <!--------------- venobox css --------------->
      <link rel="stylesheet" href="static/css/venobox.min.css">
      <!--------------- slick css --------------->
      <link rel="stylesheet" href="static/css/slick.css">
      <!--------------- animation heading css --------------->
      <link rel="stylesheet" href="static/css/animation-heading.css">
      <!--------------- font-awasome css --------------->
      <link rel="stylesheet" href="static/css/fontawasome.css">
      <!--------------- main css --------------->
      <link rel="stylesheet" href="static/css/style.css">
      <!--------------- responsive css --------------->
      <link rel="stylesheet" href="static/css/responsiver.css">
   </head>
   <body>
      <!-- header-area -->
      <div class="header-area">
         <div class="container-fluid">
            <div class="row">
               <!-- menu content -->
               <div class="col-lg-4">
                  <div class="invacat-header-area">
                     <div class="invacat-header">
                        <nav class="submenu-content">
                           <ul>
                              <li><a href="about.html">About</a></li>
                              <li>
                                 <a href="project.html">Work</a>
                                 <ul>
                                    <li><a href="project-grid.html">Project Grid</a></li>
                                    <li><a href="project.html">Project Filter</a></li>
                                    <li><a href="">Single-Project</a></li>
                                 </ul>
                              </li>
                              <li>
                                 <a href="service.html">Service</a>
                                 <ul>
                                    <li><a href="single-service.html">Single Service</a></li>
                                    <li><a href="contact.html">Contact Page</a></li>
                                 </ul>
                              </li>
                           </ul>
                        </nav>
                     </div>
                  </div>
               </div>
               <!-- header logo  -->
               <div class="col-lg-4">
                  <div class="invacat-logo">
                     <a href="index.html"><img src="static/picture/logo.png" alt=""></a>
                  </div>
               </div>
               <!-- invacat-menu-bar -->
               <div class="col-lg-4">
                  <div class="invacat-button">
                     <div class="invacat-popupe">
                        <img src="static/picture/maneu.png" alt="">
                     </div>
                     <!-- popupe-content -->
                     <div class="popupe-menu">
                        <div class="invacat-icon">
                           <i class="fa-solid fa-xmark"></i>
                        </div>
                        <div class="popupe-discription">
                           <p>/ Contact us</p>
                           <h2>Invacat-Personal Bio info.</h2>
                           <p>Creating visual content, such as logos, brochures, infographics, and other branding materials</p>
                           <ul>
                              <li>
                                 <i class="fa-solid fa-location-dot"></i>
                                 <p>Chagrin Boulevard, OH 44124</p>
                              </li>
                              <li>
                                 <i class="fa-solid fa-envelope"></i>
                                 <p>demo@example.com</p>
                              </li>
                              <li>
                                 <i class="fa-solid fa-phone"></i>
                                 <p>+9 440 848 8222</p>
                              </li>
                           </ul>
                        </div>
                        <a class="invacat-button-popupe" href="contact.html">
                           <p>Get in touch</p>
                           <i class="fa-solid fa-arrow-right"></i>
                        </a>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </div>
      <!-- header end -->
      <!-- mobile menu -->
      <div id="invacat-mobile-nav">
         <div class="invact-logo">
            <div class="logo">
               <a href="index.html"><img src="static/picture/logo-i-w.png" alt=""></a>
            </div>
            <div class="menu-button"><span class="fa-solid fa-bars"></span></div>
         </div>
         <!-- mobile menu content -->
         <ul>
            <li><a href="about.html">About</a></li>
            <li class="parent">
               <a href="project.html">Work</a>
               <ul>
                  <li><a href="project-grid.html">Project Grid</a></li>
                  <li><a href="project.html">Project Filter</a></li>
                  <li><a href="">Single-Project</a></li>
               </ul>
            </li>
            <li class="parent">
               <a href="service.html">Service</a>
               <ul>
                  <li><a href="single-service.html">Single Service</a></li>
                  <li><a href="contact.html">Contact Page</a></li>
               </ul>
            </li>
         </ul>
      </div>
      <!-- End Mobile Menu -->
      <!-- breadcrumb area -->
      <div class="breadcrumb-area">
         <div class="container">
            <div class="row">
               <div class="col-lg-12">
                  <div class="breadcrumb-content">
                     <div class="breadcrumb-title">
                        <h1>Single Project</h1>
                     </div>
                     <div class="breadcrumb-menu">
                        <nav aria-label="breadcrumb">
                           <ol class="breadcrumb text-aling-center">
                              <li class="breadcrumb-item"><a href="#">Home</a></li>
                              <li class="breadcrumb-item active" aria-current="page">Project</li>
                           </ol>
                        </nav>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </div>
      <!-- breadcrumb end -->
      <!-- project-details -->
      <div class="single-projects">
         <div class="container">
            <div class="row">
               <!-- details-content -->
               <div class="col-lg-8">
                  <div class="single-img">
                     <img src="static/picture/single-project.png" alt="">
                  </div>
                  <div class="single-details">
                     <h2>Modern Pattern Style</h2>
                     <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Placeat qui ducimus illum modi? perspiciatis accusamus soluta perferendis, ad illum, nesciunt, reiciendis iusto et cupidit Repudiandae provident to consectetur, sapiente, libero iure necessitatibus corporis nulla voluptate, quisquam aut perspiciatis? Fugiat labore aspernatur eius, perspiciatis ut molestiae, delectus rem.
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulv inar dapibus leo. Ut enim ad minim veniam. when an unknown printer took a galley of type and scrambled it to make a type specimen book.                        
                        Quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat. There are many variations of passages.
                        Holisticly benchmark functional pructs for excellent methods of emporment. Seamlessly visualize innovative readiness whereas extensive initiatives. Completely unleash frictionless data via end to end services unleash virtual e tailers through magnetic core compncies. Interactively engage distributed via focused alignments. Dynamically fabricate excellent innovation for forward technology. Intrinsicly impact empowered scenarios after cost effective outsourcing productivate pandemic e business
                     <h3>The Challenge Of Project</h3>
                     <p>Interactively engage distributed alignments via focused alignments. Dynamaly fabricate excellent go forward technology. Intrinsicly impact empowered scenarios after cost effective outsourcing. Synenvtically pandemic e-business rather than state of the art e-tailers. Completely unleash frictionless data via services. Continually unleash virtual e tailers through magnetic core competencies.</p>
                  </div>
                  <div class="single-list">
                     <ul>
                        <li>Yet this above sewed flirted opened ouch</li>
                        <li>Goldfinch realistic sporadic ingenuous</li>
                        <li>Abominable this abidin far successfully then like piquan</li>
                     </ul>
                  </div>
               </div>
               <!-- details-content -->
               <!-- project-informetion -->
               <div class="col-lg-4">
                  <div class="informetion">
                     <div class="single-info">
                        <h2>Information</h2>
                        <div class="single-content">
                           <i class="fa-solid fa-house"></i>
                           <div class="info-content">
                              <h5>Name</h5>
                              <p>Leslie Alexander</p>
                           </div>
                        </div>
                        <div class="single-content">
                           <i class="fa-solid fa-user"></i>
                           <div class="info-content">
                              <h5>Leslie Alexander</h5>
                              <p>Business , Development</p>
                           </div>
                        </div>
                        <div class="single-content">
                           <i class="fa-solid fa-tag"></i>
                           <div class="info-content">
                              <h5>Project Name</h5>
                              <p>Leslie Alexander</p>
                           </div>
                        </div>
                     </div>
                  </div>
                  <!-- contact-address -->
                  <div class="single-info">
                     <h2>Contact address</h2>
                     <div class="single-content">
                        <i class="fa-solid fa-house"></i>
                        <div class="info-content">
                           <h5>Our Address</h5>
                           <p>Level 13, 2 Elizabeth St, Melbourne
                              Victoria 3000, Australia
                           </p>
                        </div>
                     </div>
                     <div class="single-content">
                        <i class="fa-solid fa-phone"></i>
                        <div class="info-content">
                           <h5>Contact us</h5>
                           <p>demoexample@gmail.com
                              (406) 555-0120
                           </p>
                        </div>
                     </div>
                     <div class="media-icon">
                        <ul>
                           <li><a href="#"><i class="fa-brands fa-facebook"></i></a></li>
                           <li><a href="#"><i class="fa-brands fa-twitter"></i></a></li>
                           <li><a href="#"><i class="fa-brands fa-instagram"></i></a></li>
                           <li><a href="#"><i class="fa-brands fa-tiktok"></i></a></li>
                        </ul>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </div>
      <!-- footer area -->
      <div class="footer-area">
         <div class="container">
            <div class="row">
               <!-- about-content -->
               <div class="col-lg-4 col-md-6">
                  <div class="single-about">
                     <div class="about-content">
                        <h2>About us</h2>
                        <p>Working exclusively as a quarespace design and developer since early 2016, and my know ledge as a front-end developer all to push this platform further.</p>
                     </div>
                     <div class="abouts-icon">
                        <ul>
                           <li><a href="#"><i class="fa-brands fa-facebook"></i></a></li>
                           <li><a href="#"><i class="fa-brands fa-twitter"></i></a></li>
                           <li><a href="#"><i class="fa-brands fa-instagram"></i></a></li>
                        </ul>
                     </div>
                  </div>
               </div>
               <!-- newslatter -->
               <div class="col-lg-4 col-md-6 footer-contact">
                  <div class="call-number">
                     <div class="call-address">
                        <img src="static/picture/Comment.png" alt="">
                        <p>If you have questions you can contact us?</p>
                        <a href="contact.html">Contact us</a>
                     </div>
                     <div class="call-num">
                        <p>Or call us</p>
                        <h2>+1 800 642 94 31</h2>
                     </div>
                  </div>
               </div>
               <!-- quick-link -->
               <div class="col-lg-4 col-md-6">
                  <div class="quick-link">
                     <h2>Quick Link</h2>
                     <ul>
                        <li><a href="#">About us</a></li>
                        <li><a href="#">Privicy</a></li>
                        <li><a href="#">Free website </a></li>
                        <li><a href="#">Careear</a></li>
                     </ul>
                  </div>
               </div>
            </div>
         </div>
      </div>
      <!-- footer end -->
      <!---------------------  JS area --------------------------->
      <script src="static/js/jquery.min.js"></script>
      <!--------------------- bootstrap js --------------------------->
      <script src="static/js/bootstrap.min.js"></script>
      <!--------------------- slick js --------------------------->
      <script src="static/js/slick.min.js"></script>
      <!--------------------- waypoint js --------------------------->
      <script src="static/js/waypoint.js"></script>
      <!--------------------- counterup js --------------------------->
      <script src="static/js/counterup.min.js"></script>
      <!--------------------- animation-heading js --------------------------->
      <script src="static/js/animation-heading.js"></script>
      <!--------------------- ajax-mail js --------------------------->
      <script src="static/js/ajax-mail.js"></script>
      <!--------------------- venobox js --------------------------->
      <script src="static/js/venobox.min.js"></script>
      <!--------------------- circle-progress js --------------------------->
      <script src="static/js/circle-progress.js"></script>
      <!--------------------- circle-progress js --------------------------->
      <script src="static/js/jquery.scrollUp.js"></script>
      <!--------------------- scrollUp js --------------------------->
      <script src="static/js/isotope.pkgd.min.js"></script>
      <!--------------------- main js --------------------------->
      <script src="static/js/main.js"></script>
   </body>
</html>